<template>
  <TbTitle title="（一）、内设机构情况" />
  <div>
    <TbTitle level="2" title="（1）办事机构情况表" />
    <el-table :header-cell-style="{ background: '#f0f7fc', color: '#000' }" :data="detailInfo.workList" border>
      <el-table-column type="index" align="center" width="70" label="序号">
      </el-table-column>
      <el-table-column prop="mechanismName" width="360" align="center" label="名称">
      </el-table-column>
      <el-table-column prop="mechanismResponsibleName" align="center" label="负责人">
      </el-table-column>
      <el-table-column prop="mechanismTelephone" align="center" label="联系方式">
      </el-table-column>
      <el-table-column prop="establishTime" align="center" label="备案时间">
      </el-table-column>
      <el-table-column prop="mechanismAddress" align="center" label="住所">
      </el-table-column>
    </el-table>
  </div>
  <div>
    <TbTitle level="2" title="（2）实体机构情况表" />
    <el-table :header-cell-style="{ background: '#f0f7fc', color: '#000' }" :data="detailInfo.entityList" border>
      <el-table-column type="index" align="center" width="70" label="序号">
      </el-table-column>
      <el-table-column prop="mechanismName" width="360" align="center" label="名称">
      </el-table-column>
      <el-table-column prop="mechanismRegisteredCapital" align="center" label="注册资金（万元）">
      </el-table-column>
      <el-table-column prop="establishTime" align="center" label="设立时间">
      </el-table-column>
      <el-table-column prop="mechanismShareholdingRatio" align="center" label="持股比例">
      </el-table-column>
      <el-table-column prop="mechanismBusinessScope" align="center" label="经营范围">
      </el-table-column>
    </el-table>
  </div>
  <div class="msg-tip">
    <p>
      注：实体机构是指社会组织因自身业务活动和与其宗旨相适应的需要，举办的事业性实体、经济实体(可以投资设立企业法人，也可以设立非法人的经营机构)或者民办非企业单位。
    </p>
  </div>
</template>

<script setup lang="ts">
import TbTitle from '@/views/yearCheck/components/TbTitle.vue'
import { ref, reactive, inject } from 'vue'
let detailInfo = reactive({ workList: [], entityList: [] })
const { getDetailInfo } = inject('getDetailInfo')



getDetailInfo().then(res => {
  Object.assign(detailInfo, res.data)
})
</script>
<style lang="scss" scoped>
.msg-tip {
  padding: 20px 0;
  color: #000;
  font-family: '微软雅黑';
}
</style>
